<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>龙之游股权积分后台</title>
<!-- <link rel="stylesheet" type="text/css" href="/content/css/main.css"> -->
<style>
/* reset */
body,h1,h2,h3,h4,h5,p,dl,dd,ul,ol,form,input,textarea,th,td,select { margin:0; padding:0; }
em { font-style:normal; }
li { list-style:none; }
a { text-decoration:none; }
img { border:none; vertical-align:top; }
table { border-collapse:collapse; }
input,textarea { outline:none; }
textarea { resize:none; overflow:auto; }
body { font-size:14px; font-family:"寰蒋闆呴粦"; }
/* end reset */

/* public */
.clear { zoom:1; }
.clear:after { content:''; display:block; clear:both; }
.fl { float:left; }
.fr { float:right; }
.nav {height:50px; background:#ff5666;}
.nav a { display: inline-block; width:200px; line-height: 50px; text-align: center; font-size: 16px; color:#fff; float:left; }
.nav a:hover {background:#ffbe34; color:#ff5666;}
.nav a.active { background:#ffbe34; color:#ff5666; }

.list {margin-top:40px; padding:20px;}
.table {border: 1px solid #ccc; width:100%;}
.table tr td,.table tr th {border:1px solid #ccc; height: 50px; text-align: center;}

.pagination {padding-left:50%; padding-right: 20px;}
.pagination-left {float: left;}
.pagination-right {float:right; }
.pagination span {font-size: 15px;   padding:4px;  cursor: pointer;}
.pagination span:hover { color:blue;}
.header-title {padding:10px 20px;}
.form {padding:20px; width:600px; padding:30px 0; margin:100px auto 0; border:1px solid #ccc; box-shadow:0 0 10px #ccc; border-radius:10px;}
.form .form-group {padding: 15px 0; font-size: 16px;}
.form .form-group  label {width:200px; text-align:right; display:inline-block;}
.form .form-group input[type=text],.form .form-group input[type=number],.form .form-group input[type=password] {margin:0 15px; height:34px; line-height: 34px; width:240px; border:1px solid #f99303; text-indent: 10px; border-radius:4px;}
.form .form-btn {text-align:center; padding-top:15px;}
.form .form-btn input[type=button],.form .form-btn input[type=submit] {padding:6px 20px; border-radius:4px; border:1px solid red; background:red; color:#fff; }
.form .title {margin:0px 0 20px; text-align:center; }

.login {width:400px; margin:100px auto; border:1px solid #999; box-shadow:0 0 10px #999; border-radius:10px; padding:10px; }
.login .title {text-align:center; color:red; margin:18px 0;}
.login table  {width:100%;}
.login table tr td {height:60px; line-height:60px; font-size:14px;padding:0 10px}
.login table tr td:first-child {width:30%; text-align:right;}
.login table tr td:last-child {width:70%;}
.login table tr td input { width:200px; height:34px; border:1px solid #333; border-radius:4px; text-indent:10px;}
.login .submit {text-align:center; padding:10px;}
.login .submit input {padding:6px 14px; color:#fff; background:red; border:1px solid red; border-radius:4px;}
</style>
</head>

<body>
    <div class="login">
        <h1 class="title">登录</h1>
            <form  action="/ssm-echarts/admin/login.action" method="post">
                <table border="0">
                    <tr>
                        <td>账号：</td>
                        <td><input type="text" required name="account"></td>
                    </tr>
                    <tr>
                        <td>密码：</td>
                        <td><input type="password" required name="password">
                        </td>
                    </tr>
                </table>
              <div class="submit">
              	 <input id="login" type="submit" value="登录">
              </div>
                
            </form>
           
    </div>

<script type="text/javascript" src="static/echarts/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(function(){
   /* $('#login').click(function(){
    	if($('input[name=account]').val() == ""){
    		alert('请输入账号！');
    		return false;
    	}else if ($('input[name=password]').val() == ""){
    		alert('请输入密码！');
    		return false;
    	}else{
    		alert(1);
    		$.ajax({
                type: "POST",
                url: "/ssm-echarts/admin/login.action",
                data: {
               	 account:$('input[name=account]').val(),
               	 password:$('input[name=password]').val()
                },
                dataType: "text",
                success: function(data){
                	alert(3);
                           console.log(data);
                           
                           if(data=="ok"){
                        	   window.location.href = "/ssm-echarts/staff/list.action";
                           }else{
                        	   alert('抱歉，账号或密码错误！');
                           }
                },
                error:function(){
              	  alert('error');
                }
            });
    	}
         
    });*/
});
</script>


</body>
</html>



